<template>
  <div class="info">
    <div class="info__title">柔派FlexPai 2 折叠另一种可能</div>
    <RoyoleIcon
      :info="{ name: '官方-柔宇动态', time: '1小时前', device: 'FlexPai 2' }"
      class="info__royole-icon"
    ></RoyoleIcon>

    <div class="info__content">
      <p class="info__content__paragraph">
        柔宇科技在2018年10月发布了全球首款折叠屏手机FlexPai，柔宇FlexPai
        2作为其二代产品，在屏幕、铰链等关键部件以及操作系统waterOS上做了大幅升级，产品耐用性、易用性都得到了大幅提升。同时9988元的价格，让FlexPai
        2成为唯一一款万元以内5G折叠屏手机。
      </p>
      <img
        src="https://s1.royole.com/ufs/templates/royole/assets/images/home/swiper/4.jpg"
        alt="PIC"
        mode="center widthFix"
        class="info__content__main-img"
      />
      <p class="info__content__paragraph">
        FlexPai
        2配有7.8英寸大屏，使用了柔宇自主研发生产的第三代蝉翼全柔性屏，独有的超低温非硅制程集成技术（ULT-NSSP）路线与智能力学仿真模型令屏幕稳定性得到大幅提升，屏幕能够承受180万次弯折而不损坏，如果一天折叠100次，可以折50年左右。
      </p>
      <p class="info__content__paragraph--no-img">
        FlexPai 2搭载了柔宇独创的Royole
        3S全闭合线性转轴，该转轴拥有211项专利，实现屏幕与铰链更好的融合，支持机身0-180°任意角度“无极”悬停，且支持无缝折叠，厚度相较于上一代产品减少近40%。
      </p>
      <p class="info__content__paragraph--no-img">
        为了释放“可折叠”这一特性的潜能，柔宇基于安卓10研发了waterOS系统，FlexPai 2 搭载最新的waterOS
        2.0，拥有二分屏和三分屏、FFS柔性触控、侧曲屏、智能侧边栏等功能，还支持微信、微博应用双开，为用户带来了全新的使用体验。
      </p>
    </div>
    <RoyoleTag :info="{ views: 100, thumbs: 1000, comments: 1900 }" />
    <div class="info__line"></div>
  </div>
</template>
<script>
import { mapState } from "vuex";
import RoyoleTag from "../../components/RoyoleTag";
import RoyoleIcon from "../../components/RoyoleIcon";
export default {
  name: "ArticalUsual",
  data() {
    return {};
  },
  computed: {
    ...mapState(["loginState"]),
  },
  components: {
    RoyoleTag,
    RoyoleIcon,
  },
};
</script>
<style lang="scss" scoped>
.info {
  .info__title {
    height: 35px;
    line-height: 35px;
    font-size: 24px;
    font-weight: 500;
  }
  .info__royole-icon {
    margin-top: 26px;
  }
  .info__content {
    &__paragraph {
      font-size: 16px;
      line-height: 28px;
      margin: 24px 0;
    }
    &__paragraph--no-img {
      font-size: 16px;
      line-height: 28px;
      margin: 32px 0;
    }
    &__main-img {
      width: 100%;
    }
    &__bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 24px;
      .ic__bottom__left {
        display: flex;
        &__item {
          margin-right: 8px;
          height: 24px;
          display: flex;
          align-items: center;
          border-radius: 12px;
          font-size: 12px;
          font-weight: 500;
          padding: 10px;
          .ic__bottom__left__pre {
            max-height: 20px;
            padding-right: 5px;
          }
        }
        .first {
          background: rgba(0, 80, 255, 0.1);
          color: rgba(0, 80, 255, 0.6);
          .ic__bottom__left__pre {
            color: rgba(0, 80, 255, 0.6);
          }
        }
        .second {
          background: rgba(255, 110, 0, 0.1);
          color: rgba(255, 110, 0, 0.6);
        }
      }
      .ic__bottom__right {
        display: flex;
        &__item {
          display: flex;
          align-items: center;
          margin-right: 27px;
          font-weight: 300;
          font-size: 12px;
          opacity: 0.6;
          &__img {
            padding-right: 2px;
            max-height: 19px;
          }
        }
      }
    }
  }
  .info__line {
    height: 1px;
    border: solid 1px rgba(255, 255, 255, 1);
  }
}
</style>
